<template>
    <h3>页面A</h3>
    <p>{{ message }}</p>
    <button @click="updateData">更新数据</button>
</template>
<script>
export default{
    data(){
        return{
            message:"老数据"
        }
    },
    methods:{
        updateData(){
            this.message = "新数据";
        }
    },
    beforeUpdate(){
        console.log("页面A组件数据更新之前")
    },
    updated(){
        console.log("页面A组件数据更新之后")
    },
    beforeUnmount(){
        console.log("页面A组件销毁之前")
    },
    unmounted(){
        console.log("页面A组件销毁之后")
    }
}
</script>